본문으로 건너뛰기

Web Storage

HTTP 프로토콜의 "통신이 끝나면 상태 정보를 유지하지 않는 특징(Stateless)" 때문에,브라우저에서 발생한 정보들이 페이지를 이동할 때 마다 초기화된다. 이러한 정보를 저장하기 위해 사용하는 쿠키, 세션 그리고 웹 스토리지이다.

🧑🏻‍💻 Web Storage​

서버가 아닌, 클라이언트에 키와 값 형태로 데이터를 저장할 수 있도록 하는 브라우저 저장소이다.

✅ local storage​

  • 도메인별로 생성되며, 다른 도메인 간 접근이 불가능하다.

  • 브라우저를 종료해도 유지되는 데이터로, 명시적으로 지우지 않는 한 영구적으로 저장된다.

✅ session storage​

  • 탭/윈도우 단위로 생성되며, 독립적으로 동작한다.

  • 탭/윈도우를 닫을 시 데이터가 삭제된다.

✅ cookie, Web Storage 차이점​

  • cookie와 달리 서버에 자동 전송되지 않아서 필요한 경우에만 꺼내 쓸 수 있다.

  • cookie보다 큰 5MB까지의 데이터를 저장할 수 있다.

참고 자료